# 1、更快

  • 虚拟 dom 重写 更多的编译时提示来减少运行时开销,使用更有效的代码来创建虚拟节点。 组价快速路径+单个调用+子节点类型检测
    • 跳过不必要的条件分支
    • js引擎更容易优化
  • 优化 slots 的生成 vue3 中可以单独重新渲染父级和子集。
    • 确保实例正确的跟踪依赖关系。
    • 避免不必要的父子组件重新渲染。
  • 静态树提升 (static tree hoisting)
    • 跳过修补整棵树
  • 静态属性提升 (static props hoisting)
  • 基于 proxy 的响应式系统
    • 组件实例初始化的速度提升100%;
    • 使用proxy节省以前一半的内存开销,加快速度,但是存在浏览器版本的不兼容。

# 2、更小

通过 tree-shaking优化核心库体积。

# 3、更容易维护

typescript+模块化

# 4、更加友好

  • 跨平台:编译器核心和运行时核心与平台无关,使得 Vue 更容易与任何平台(web、Android、ios)一起使用。

# 5、更容易使用

  • 改进的 typescript 支持,编辑器能提供强有力的类型检查和错误及警告。
  • 更好的调试支持。
  • 独立的响应化模块。
  • Composition API
Last Updated: 8/11/2020, 11:11:04 PM